// axios({
//     url:'/login',
//     method:'post',
//     data:{
//         username:'itheima522',
//         password:'12345678'
//     }
// })
// .then(res=>{
//     console.log(res.data);

// })


// 1. 将表单的元素合法性检查提炼到了common.js中 validatData(username,password)

// 2. 封装一个与服务器通讯的方法 login
async function login(reqeustBody) {
    try {

        let res = await axios({
            url: '/login',
            method: 'POST',
            data: reqeustBody
        })

        let {username,token} = res.data

        // 1. 保存服务器响应回来的数据 
        // 用户名保存
        // 服务器响应回来的token保存
        localStorage.setItem('username',username)
        localStorage.setItem('token',token)


        // 2. 跳转到首页
        location.href = '../index.html'


    } catch (err) {
        // 异常处理
        pxmu.fail(err.response.data.message || '登录失败，请检查网络请求')
    }
}

// 3. 给登录按钮注册点击事件
document.querySelector('#btn-login').addEventListener('click', function (e) {
    e.preventDefault()

    // 获取form表单中的元素值
    const formBox = document.querySelector('.login-form')
    let body = serialize(formBox, { hash: true, empty: true })
    let { username, password } = body

    // 调用common.js中的validatData验证表单元素的合法性
    if (!validatData(username, password)) {
        pxmu.fail('【用户名】或者【密码】不符合规范')
        return
    }

    // 调用login方法完成登录
    login(body)

})